.sf_core_team_home {
  padding: 10px;
  box-sizing: border-box;
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: 10px;

  .sf_core_team_home_new {
    padding: 10px 20px;
    border-radius: 10px;
    background-color: #f0f7ff;
    position: relative;

    .sf_core_team_home_new_title {
      margin-bottom: 10px;
      font-weight: 700;
    }

    .sf_core_team_home_new_tip {
      display: flex;
      gap: 10px;
      position: absolute;
      right: 20px;
      top: 10px;

      .sf_core_team_home_new_tip_spot {
        margin-top: 5px;
        width: 10px;
        height: 10px;
        background: #00ff00;
        border-radius: 50%;
        box-shadow: 0 0 20px #00ff00;
        animation: blink 1.5s infinite;
      }

      .sf_core_team_home_new_tip_text {
        font-size: 12px;
        color: #333;
      }
    }

    .sf_core_team_home_new_box {
      display: flex;
      gap: 20px;

      .sf_core_team_home_new_box_item {
        flex: 1;
        background: #fff;
        padding: 10px;
        border-radius: 10px;

        p {
          font-size: 12px;
          color: rgba(0, 0, 0, .4)
        }

        p:first-child {
          font-size: 14px;
          color: #000;
        }

      }
    }
  }

  .sf_core_team_home_search {
    border-radius: 10px;
    padding: 10px 20px;
    background-color: #f0f7ff;

    .sf_core_search_form {
      border-radius: 10px;

      .sf_core_data_form_descriptions {
        border: none;

        .ant-descriptions-view {
          border: none;
        }

        .ant-descriptions-row {
          border: none;

          .ant-descriptions-item-label {
            background-color: #fff;
            border: none;
            font-weight: 700;
          }

          .ant-descriptions-item-content {
            border: none;
          }
        }
      }

      .sf_core_search_form_btn {
        border: none;

        .sf_core_search_form_btn_box {
          width: 100%;

          button {
            width: 80%;
            height: 30px;
          }

          button:last-child {
            display: none;
          }
        }
      }

      .sf_core_data_form_search_expend {
        display: none;
      }

    }
  }

  .sf_core_team_home_count {
    display: flex;
    gap: 20px;

    .sf_core_team_home_count_item {
      padding: 10px 20px;
      border-radius: 10px;
      background-color: #f0f7ff;
      flex: 1;

      .sf_core_team_home_count_item_title {
        margin-bottom: 10px;
        font-weight: 700;
      }

      .sf_core_team_home_count_item_num {
        background-color: #fff;
        font-size: 18px;
        font-weight: 700;
        padding: 10px;
        border-radius: 5px;
        color: #1677ff;
        position: relative;
        overflow: hidden;

        .sf_core_team_home_count_item_icon {
          position: absolute;
          right: 10px;
          top: 50%;
          transform: translateY(-50%);
        }
      }


      &:nth-child(2) {
        .sf_core_team_home_count_item_num {
          color: #faad14;

          .sf_core_team_home_count_item_icon {
            right: 5px;
            top: 60%;
          }
        }
      }

      &:nth-child(3) {
        .sf_core_team_home_count_item_num {
          color: #ff4d4f;

          .sf_core_team_home_count_item_icon {
            right: -20px;
          }
        }
      }
    }
  }

  .sf_core_team_home_table {
    padding: 10px 20px;
    border-radius: 10px;
    background-color: #f0f7ff;
    flex: 1;
    display: flex;
    flex-direction: column;

    .sf_core_team_home_table_title {
      margin-bottom: 10px;
      font-weight: 700;
    }

    .sf_core_team_home_table_box {
      flex: 1;

      .ag-root-wrapper {
        border: none;
      }
    }
  }
}

@keyframes blink {
  0%, 100% {
    opacity: 1;
    box-shadow: 0 0 20px #00ff00;
  }
  50% {
    opacity: 0.3;
    box-shadow: 0 0 5px #00ff00;
  }
}